

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/widgets.dart';


void main(List<String> args) {
  runApp(MyApp());
}
List listData=[
      {
          "title": 'Candy Shop',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/1.png',
      },
       {
          "title": 'Childhood in a picture',
          "author": 'Google',
          "imageUrl": 'https://www.itying.com/images/flutter/2.png',
      },
      {
          "title": 'Alibaba Shop',
          "author": 'Alibaba',
          "imageUrl": 'https://www.itying.com/images/flutter/3.png',
      },
      {
          "title": 'Candy Shop',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/4.png',
      },
       {
          "title": 'Tornado',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/5.png',
      },
      {
          "title": 'Undo',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/6.png',
      },
      {
          "title": 'white-dragon',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/7.png',
      },
       {
          "title": 'Candy Shop',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/1.png',
      },
       {
          "title": 'Childhood in a picture',
          "author": 'Google',
          "imageUrl": 'https://www.itying.com/images/flutter/2.png',
      },
      {
          "title": 'Alibaba Shop',
          "author": 'Alibaba',
          "imageUrl": 'https://www.itying.com/images/flutter/3.png',
      },
      {
          "title": 'Candy Shop',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/4.png',
      },
       {
          "title": 'Tornado',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/5.png',
      },
      {
          "title": 'Undo',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/6.png',
      },
      {
          "title": 'white-dragon',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/7.png',
      }

  ];
//自定义组件  圓形圖片
class MyApp extends StatelessWidget {
  const MyApp({Key key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("flutter demo"),
        ),
        body: HomeContent(),
      ),
      theme: ThemeData(
          // brightness: Brightness.light,
          primarySwatch: Colors.yellow),
    );
  }
}

class HomeContent extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.fromLTRB(0, 0, 10.0, 0),
      child: GridView.count(
              childAspectRatio: 1.7,
              crossAxisCount: 2,
              children: <Widget>[
                Padding(
                  padding: EdgeInsets.fromLTRB(10.0, 10.0, 0, 0),
                  child:Image.network("https://www.itying.com/images/flutter/5.png",fit: BoxFit.cover),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(10.0, 10.0, 0, 0),
                  child:Image.network("https://www.itying.com/images/flutter/5.png",fit: BoxFit.cover),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(10.0, 10.0, 0, 0),
                  child:Image.network("https://www.itying.com/images/flutter/5.png",fit: BoxFit.cover),
                ),
                Padding(
                  padding:EdgeInsets.fromLTRB(10.0, 10.0, 0, 0),
                  child:Image.network("https://www.itying.com/images/flutter/5.png",fit: BoxFit.cover),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(10.0, 10.0, 0, 0),
                  child:Image.network("https://www.itying.com/images/flutter/5.png",fit: BoxFit.cover),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(10.0, 10.0, 0, 0),
                  child:Image.network("https://www.itying.com/images/flutter/5.png",fit: BoxFit.cover),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(10.0, 10.0, 0, 0),
                  child:Image.network("https://www.itying.com/images/flutter/5.png",fit: BoxFit.cover),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(10.0, 10.0, 0, 0),
                  child:Image.network("https://www.itying.com/images/flutter/5.png",fit: BoxFit.cover),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(10.0, 10.0, 0, 0),
                  child:Image.network("https://www.itying.com/images/flutter/5.png",fit: BoxFit.cover),
                )
              ],
            ),
    );

  }
}
